<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>后台权限管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
    <link rel="stylesheet" href="css/themes/default.css" media="all">
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style id="layuimini-bg-color">
    </style>
</head>
<body class="layui-layout-body layuimini-all">
<div class="layui-layout layui-layout-admin">

    <div class="layui-header header">
        <div class="layui-logo layuimini-logo"></div>

        <div class="layuimini-header-content">
            <a>
                <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
            </a>

            <!--电脑端头部菜单-->
            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
            </ul>

            <!--手机端头部菜单-->
            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
                    <dl class="layui-nav-child layuimini-menu-header-mobile">
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
            
                        <li class="layui-nav-item" lay-unselect><!--签到-->
<span id="iii" style="color: red;"> </span>						</li>
<li class="layui-nav-item" lay-unselect><!--签到-->
							<a href="javascript:;" id="sign-in"><button class="layui-btn layui-btn-warm">点我进行签到！</button></a>
						</li>
						<li class="layui-nav-item" lay-unselect><!--签退-->
							<a href="javascript:;" id="sign-back"><button class="layui-btn layui-btn-danger">点我进行签退！</button></a>
						</li><li class="layui-nav-item" lay-unselect><!--签退完毕-->
							<a href="javascript:;" id="sign-back-b" style="display: none;"><button class="layui-btn">您已经签退完毕！</button></a>
						</li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
                </li>
                <li class="layui-nav-item" lay-unselect>
							<a href="javascript:;" id="messages"><i class="fa fa-comments"><span class="layui-badge-dot" id="badge" style="display: none;"></span></i></a>
						</li>
                <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
                    <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
                </li>
                <li class="layui-nav-item layuimini-setting">
                      <a href="javascript:;"><span id="name"></span> </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;" layuimini-content-href="user-setting.html" data-title="基本资料" data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>
                        </dd>
                        <dd>
                            <a href="javascript:;" layuimini-content-href="user-password.html" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
                        </dd>
                        <dd>
                            <hr>
                        </dd>
                        <dd>
                            <a href="javascript:;" class="login-out">退出登录</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
                    <a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
                </li>
            </ul>
        </div>
    </div>

    <!--无限极左侧菜单-->
    <div class="layui-side layui-bg-black layuimini-menu-left">
    </div>

    <!--初始化加载层-->
    <div class="layuimini-loader">
        <div class="layuimini-loader-inner"></div>
    </div>

    <!--手机端遮罩层-->
    <div class="layuimini-make"></div>

    <!-- 移动导航 -->
    <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>

    <div class="layui-body">

        <div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
            </ul>
            <div class="layui-tab-control">
                <li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
                <li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
                <li class="layui-tab-tool layui-icon layui-icon-down">
                    <ul class="layui-nav close-box">
                        <li class="layui-nav-item">
                            <a href="javascript:;"><span class="layui-nav-more"></span></a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" layuimini-tab-close="current">关闭当前</a></dd>
                                <dd><a href="javascript:;" layuimini-tab-close="other">关闭其他</a></dd>
                                <dd><a href="javascript:;" layuimini-tab-close="all">关闭全部</a></dd>
                            </dl>
                        </li>
                    </ul>
                </li>
            </div>
            <div class="layui-tab-content">
                <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
            </div>
        </div>

    </div>
</div>
<script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="js/Global.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lay-config.js?v=2.0.0" charset="utf-8"></script>
<script>
    layui.use(['table','form','jquery', 'layer', 'miniAdmin','miniTongji'], function () {
        var $ = layui.jquery,
            layer = layui.layer,
            miniAdmin = layui.miniAdmin,
            miniTongji = layui.miniTongji;
        var table = layui.table; //获取table模块
		setInterval(function(){
			$("#iii").html(layui.util.toDateString(new Date(),'yyyy-MM-dd HH:mm:ss'))
		},1000);
		//var form = layui.form;
        var options = {
           
            iniUrl: globalData.server+"public/getRolesMenus?userid="+globalData.getUid(), // 初始化接口
            clearUrl: "api/clear.json", // 缓存清理接口
            urlHashLocation: true,      // 是否打开hash定位
            bgColorDefault: false,      // 主题默认配置
            multiModule: true,          // 是否开启多模块
            menuChildOpen: false,       // 是否默认展开菜单
            loadingTime: 0,             // 初始化加载时间
            pageAnim: true,             // iframe窗口动画
            maxTabNum: 20,              // 最大的tab打开数量
        };
       miniAdmin.render(options);

				$("#name").html(globalData.getUserName());
				
				$.post(globalData.server + "public/getSignStateMain", {
					"userid": globalData.getUid()
				}, function(result) {
					if(result.data[0]==null||result.count==0){
						$("#sign-back").css("display","none");
					}else if(result.data[0].signstate == 1) {
						$(".sign-color").load().css("color","#dba401");
						$("#sign-in").css("display","none");
					} else if(result.data[0].signstate == 2) {
						$(".sign-color").load().css("color", "#008000");
						$("#sign-in").css("display","none");
						$("#sign-back").css("display","none");
						$("#sign-back-b").css("display","");
					}
				});
				/*签到*/
				$('#sign-in').on("click", function(e) {
					$.post(globalData.server + "public/addSignMain", {
						"signstate": 1,
						"userid": globalData.getUid(),
						"signtime": layui.util.toDateString(new Date(), 'yyyy-MM-dd HH:mm:ss')
					}, function(result) {
						if(result.count > 0) {
							$("#sign-back").css("display","");
							$("#sign-in").css("display","none");
							layer.msg(result.msg);
						} else if(result.count == -1){
							layer.msg(result.msg);
						}
					}, "json");
				});
				/*签退*/
				$('#sign-back').on("click", function(e) {
					$.get(globalData.server + "public/getSignStateMain", {
						"userid": globalData.getUid()
					}, function(result) {
						$.post(globalData.server + "public/updateByUseridMain", {
							"signstate": 2,
							"userid": globalData.getUid(),
							"signtime": layui.util.toDateString(result.data[0].signtime,'HH:mm:ss')
							
						}, function(res) {
							
							console.log(res);
							if(res.count > 0) {
								$("#sign-back").css("display","none");
								$("#sign-in").css("display","none");
								$("#sign-back-b").css("display","");
								layer.msg(res.msg);
							} else if(res.count == -1){
								layer.msg(res.msg);
							}
						}, "json");
						console.log(layui.util.toDateString(result.data[0].signtime,'HH:mm:ss'));
						
					});
				});
				
				
				/*消息*/
				$('#messages').on("click", function(e) {
					//边缘弹出
					layer.open({
					  type: 2
					  ,offset: 'rt' //具体配置参考：offset参数项
					  //,content: '<div style="padding: 20px 80px;">内容</div>'
					  ,content: 'messageslayer.html',
					   title :  '查看用户 '+ globalData.getUserName() +' 的消息：'
					  ,area: ['370px', '560px']
					  ,btn: '关闭消息窗口'
					  ,btnAlign: 'c' //按钮居中
					  ,shade: 0 //不显示遮罩
					  ,yes: function(){
					    layer.closeAll();
					  }
					});
				});
				
				
				/*是否有新的消息*/
				$.getJSON(globalData.server + "public/getUnreadMessages", {
					"mesreceiver":globalData.getUid()
				}, function(obj) {
					if(obj.count > 0) {
						$("#badge").css("display",'');
					}else{
						$("#badge").css("display",'none');
					}
				});
				setInterval(function(){
					/*是否有新的消息*/
					$.getJSON(globalData.server + "public/getUnreadMessages", {
						"mesreceiver":globalData.getUid()
					}, function(obj) {
						if(obj.count > 0) {
							$("#badge").css("display",'');
						}else{
							$("#badge").css("display",'none');
						}
					});
				},5000);	
				$('.login-out').on("click", function() {
					$.post(globalData.server + "public/getSignStateMain", {
						"userid": globalData.getUid()
					}, function(result) {
						if (result.count==0) {
							layer.confirm('检测到未签到，是否进行签到？', {
								icon: 3,
								title: '提示'
							}, function() {
								$.post(globalData.server + "public/addSignMain", {
									"signstate": 1,
									"userid": globalData.getUid()
								}, function(result) {
									if(result.count > 0) {
										layer.msg(result.msg);
										
										$("#sign-in").css("display","none");
										$("#sign-back").css("display","");
									} else if(result.count == -1) {
										layer.msg(result.msg);
									}
								}, "json");
							}, function(index) {
								layer.close(index);
							});
						} else if(result.data[0].signstate == 1) {
							layer.confirm('检测到未签退，是否进行签退？', {
								icon: 3,
								title: '提示'
							}, function() {
								$.post(globalData.server + "public/updateByUseridMain", {
									"signstate": 2,
									"userid": globalData.getUid()
								}, function(res) {
									if(res.count > 0) {
										
										$("#sign-back-b").css("display","");
										$("#sign-back").css("display","none");
										layer.msg(res.msg);
									} else if(res.count == -1) {
										layer.msg(res.msg);
									}
			
								}, "json");
							}, function(index) {
								layer.close(index);
							});
						} else{
							layer.confirm('确定要退出吗？', {
								icon:3,
								title:'退出管理系统:'
							}, function() {
								globalData.loginOut();
								layer.close(index);
							}, function() {
								layer.close(index);
							});
						}
					});
				});
				
				
				
				
				
				
				//监听提交按钮
				table.on('tool(test)', function(obj) {
					var data = obj.data;
					if (obj.event === 'editusers') {
						console.log(obj.data);
						layer.open({ //打开一个页面
							type : 2, //在当前的页面之上，弹框形式，展示出添加用户的界面
							area : [ '700px', '500px' ], //页面的宽高
							content : 'user-setting.html', //页面所在的位置
							title : '编辑用户信息',
							fix:false,
							maxmin:true,
							success : function(layero, index) {
								console.log(obj.data);
								var body = layer.getChildFrame('body', index);
								body.contents().find("#userid").val(obj.data.userid);
								body.contents().find("#username").val(obj.data.username);
								body.contents().find("#userpassword").val(obj.data.userpassword);
								body.contents().find("#IsLockout").val(obj.data.IsLockout);
								body.contents().find("#LastLoginTime").val(layui.util.toDateString(obj.data.LastLoginTime, 'yyyy-MM-dd HH:mm:ss'));
								body.contents().find("#CreateTime").val(layui.util.toDateString(obj.data.CreateTime, 'yyyy-MM-dd HH:mm:ss'));
								body.contents().find("#PsdWrongCount").val(obj.data.PsdWrongCount);
								body.contents().find("#LockTime").val(layui.util.toDateString(obj.data.LockTime, 'yyyy-MM-dd HH:mm:ss'));
								body.contents().find("#ProtectEmail").val(obj.data.ProtectEmail);
								body.contents().find("#ProtectTel").val(obj.data.ProtectTel);
							},
							end : function() {
								window.location.reload();
							}
						});
					}
				});
				
				
				
				
				
				
				
				
				
				
				
				
				
			});
</script>
</body>
</html>